<!-- vue文件的三种标签 
    template: 编写html代码
    script:   编写TS或JS代码
    style:    编写样式代码
 -->

<template>
  <!-- 此处编写html代码 -->
  <div class="app">
      <h1>Hello World!</h1>
  </div>
</template>

<script lang="ts">
// 此处编写TS或JS代码
  export default{
    name:'App'
  }
</script>

<!-- 这里的scoped标签用于限定当前文件的style样式只会作用于当前文件，不会作用于其他文件 -->
<style scoped>
/* 此处编写样式代码 */
  .app{
    background-color: #ddd;
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
  }
</style>
